<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/online.css">


</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">
            <!-- 导航条 -->
            <ul class="nav-list">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a class="active" href="#">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a href="./job.html" target="_blank">就业信息</a></li>
                <li><a href="./info.html" target="_blank">咨询动态</a></li>
                <li><a href="./about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 电话地址 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 中间部分 -->
    <div class="main">
        <!-- 图片 -->
        <div class="banner wrapper">
            <img src="../assets/uploads/online_banner.webp" alt="">
        </div>

        <div class="online-course wrapper">
            <h2>在线课程</h2>
            <ul class="course-list wrapper">
                <li class="course-item">
                    <img src="../assets/uploads/linux_course.webp" alt="">
                    <h3>嵌入式物联网开发课程</h3>
                    <p>本课程从物联网的背景知识引入，通过物联网概述到“云-管-端“的...</p>
                </li>
                <li class="course-item">
                    <img src="../assets/uploads/java_course.webp" alt="">
                    <h3>Java全栈开发课程</h3>
                    <p>ava大神之路在线课程，是职创未来推出的完整Java全套高级课程...</p>
                </li>
                <li class="course-item">
                    <img src="../assets/uploads/harmony_course.webp" alt="">
                    <h3>鸿蒙生态开发课程</h3>
                    <p>鸿蒙系统拥有庞大的开发者和用户社区，可以提供丰富的资源和支...</p>
                </li>
                <li class="course-item">
                    <img src="../assets/uploads/ui_course.webp" alt="">
                    <h3>UI全链路设计课程</h3>
                    <p>字节跳动资深设计师出品，12个章节18个小时超详细干货，从前...</p>
                </li>
            </ul>
        </div>

        <div class="skill wrapper">
            <h2>技术进阶</h2>
            <ul class="course-list2 wrapper">
                <li class="course-item2">
                    <img src="../assets/uploads/linux_course.webp" alt="">
                    <h3>嵌入式物联网开发课程</h3>
                    <p>本课程从物联网的背景知识引入，通过物联网概述到“云-管-端“的...</p>
                </li>
                <li class="course-item2">
                    <img src="../assets/uploads/java_course.webp" alt="">
                    <h3>Java全栈开发课程</h3>
                    <p>ava大神之路在线课程，是职创未来推出的完整Java全套高级课程...</p>
                </li>
                <li class="course-item2">
                    <img src="../assets/uploads/harmony_course.webp" alt="">
                    <h3>鸿蒙生态开发课程</h3>
                    <p>鸿蒙系统拥有庞大的开发者和用户社区，可以提供丰富的资源和支...</p>
                </li>
                <li class="course-item2">
                    <img src="../assets/uploads/ui_course.webp" alt="">
                    <h3>UI全链路设计课程</h3>
                    <p>字节跳动资深设计师出品，12个章节18个小时超详细干货，从前...</p>
                </li>
                <li class="course-item2">
                    <img src="../assets/uploads/linux_course.webp" alt="">
                    <h3>嵌入式物联网开发课程</h3>
                    <p>本课程从物联网的背景知识引入，通过物联网概述到“云-管-端“的...</p>
                </li>
                <li class="course-item2">
                    <img src="../assets/uploads/java_course.webp" alt="">
                    <h3>Java全栈开发课程</h3>
                    <p>ava大神之路在线课程，是职创未来推出的完整Java全套高级课程...</p>
                </li>
                <li class="course-item2">
                    <img src="../assets/uploads/harmony_course.webp" alt="">
                    <h3>鸿蒙生态开发课程</h3>
                    <p>鸿蒙系统拥有庞大的开发者和用户社区，可以提供丰富的资源和支...</p>
                </li>
                <li class="course-item2">
                    <img src="../assets/uploads/ui_course.webp" alt="">
                    <h3>UI全链路设计课程</h3>
                    <p>字节跳动资深设计师出品，12个章节18个小时超详细干货，从前...</p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <!-- 沟通联系方式 -->
        <div class="communication wrapper">
            <!-- 标题 -->
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>

            <div class="detail">
                <img class="background" src="../assets/uploads/background.webp" alt="">

                <ul class="list">
                    <li class="small">
                        <span class="iconfont icon-ditu"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>

                    <li class="small">
                        <span class="iconfont icon-dianhua"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br>
                                13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li class="small">
                        <span class="iconfont icon-xinxi"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>

                <ul class="list2">
                    <li class="big"><img class="map" src="../assets/uploads/map.webp" alt=""></li>
                    <li class="big">
                        <h3>微信扫码咨询</h3>
                        <ul>
                            <li><img class="ewm1" src="../assets/images/微信二维码.png" alt=""></li>
                            <li><img class="ewm2" src="../assets/images/企业二维码.webp" alt=""></li>
                        </ul>
                        <h4>官方微信：</h4>
                        <p>账号：GreatManOnTheWay <br>
                            公众号：武汉职创未来科技有限公司</p>
                        <p>周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 尾部 -->
        <div class="bottom">
            <!-- 导航条 -->
            <ul class="nav-list2">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="#">在线课程</a></li>
                <li><a href="../page/teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="../page/student.html" target="_blank">学员风采</a></li>
                <li><a href="../page/job.html" target="_blank">就业信息</a></li>
                <li><a href="../page/info.html" target="_blank">咨询动态</a></li>
                <li><a href="../page/about.html" target="_blank">关于我们</a></li>
            </ul>
            <!-- 文字说明 -->
            <p>Copyright © 2023 whccf.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备2023023704号-1</a> 武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

</body>

</html>